<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('用电统计')"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">

        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>设备类型：</label>
                            <input type="text" name="bianhao"/>
                        </li>
                        <li>
                            <label>设备：</label>
                            <input type="text" name="checkdate"/>
                        </li>
                        <li>
                            <label>时间：</label>
                            <input type="text" name="checkdate"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                    class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                    class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="col-sm-12" style="margin-top: 20px">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">日报</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">月报</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">年报</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <div class="fixed-table-container" style="padding-bottom: 0px;">
                                <div class="fixed-table-header" style="display: none;">
                                    <table></table>
                                </div>
                                <div class="fixed-table-body">
                                    <div class="fixed-table-loading table table-bordered table-hover"
                                         style="top: 35.1146px;">
                                        <!--      <span class="loading-wrap">-->
                                        <!--      <span class="animation-wrap"><span class="animation-dot"></span></span>-->
                                        <!--      </span>-->

                                    </div>
                                    <table id="bootstrap-table1" class="table table-bordered table-hover">
                                        <thead class="">
                                        <tr>

                                            <th style="" data-field="userCode">
                                                <div class="th-inner ">支路名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userName">
                                                <div class="th-inner ">00:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userPhone">
                                                <div class="th-inner ">01:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userEmail">
                                                <div class="th-inner ">02:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userBalance">
                                                <div class="th-inner ">03:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">04:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">05:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">...</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">10:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">11:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">12:00</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <!--                                            <th style="text-align: center; " data-field="8">-->
                                            <!--                                                <div class="th-inner ">操作</div>-->
                                            <!--                                                <div class="fht-cell"></div>-->
                                            <!--                                            </th>-->
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr data-index="0">
                                            <td>
                                                201/211_本所1#变压器
                                            </td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="fixed-table-footer"></div>
                            </div>
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane ">
                        <div class="panel-body">
                            <div class="fixed-table-container" style="padding-bottom: 0px;">
                                <div class="fixed-table-header" style="display: none;">
                                    <table></table>
                                </div>
                                <div class="fixed-table-body">
                                    <div class="fixed-table-loading table table-bordered table-hover"
                                         style="top: 35.1146px;">
                                        <!--      <span class="loading-wrap">-->
                                        <!--      <span class="animation-wrap"><span class="animation-dot"></span></span>-->
                                        <!--      </span>-->

                                    </div>
                                    <table id="bootstrap-table2" class="table table-bordered table-hover">
                                        <thead class="">
                                        <tr>

                                            <th style="" data-field="userCode">
                                                <div class="th-inner ">支路名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userName">
                                                <div class="th-inner ">1日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userPhone">
                                                <div class="th-inner ">2日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userEmail">
                                                <div class="th-inner ">3日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userBalance">
                                                <div class="th-inner ">4日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">5日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">6日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">...</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">29日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">30日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">31日</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <!--                                            <th style="text-align: center; " data-field="8">-->
                                            <!--                                                <div class="th-inner ">操作</div>-->
                                            <!--                                                <div class="fht-cell"></div>-->
                                            <!--                                            </th>-->
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr data-index="0">
                                            <td>
                                                201/211_本所1#变压器
                                            </td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="fixed-table-footer"></div>
                            </div>
                        </div>
                    </div>
                    <div id="tab-3" class="tab-pane">
                        <div class="panel-body">
                            <div class="fixed-table-container" style="padding-bottom: 0px;">
                                <div class="fixed-table-header" style="display: none;">
                                    <table></table>
                                </div>
                                <div class="fixed-table-body">
                                    <div class="fixed-table-loading table table-bordered table-hover"
                                         style="top: 35.1146px;">
                                        <!--      <span class="loading-wrap">-->
                                        <!--      <span class="animation-wrap"><span class="animation-dot"></span></span>-->
                                        <!--      </span>-->

                                    </div>
                                    <table id="bootstrap-table3" class="table table-bordered table-hover">
                                        <thead class="">
                                        <tr>

                                            <th style="" data-field="userCode">
                                                <div class="th-inner ">支路名称</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userName">
                                                <div class="th-inner ">1月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userPhone">
                                                <div class="th-inner ">2月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userEmail">
                                                <div class="th-inner ">3月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="" data-field="userBalance">
                                                <div class="th-inner ">4月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">5月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">6月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">7月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">8月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">9月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <th style="text-align: center; " data-field="status">
                                                <div class="th-inner ">10月</div>
                                                <div class="fht-cell"></div>
                                            </th>
                                            <!--                                            <th style="text-align: center; " data-field="8">-->
                                            <!--                                                <div class="th-inner ">操作</div>-->
                                            <!--                                                <div class="fht-cell"></div>-->
                                            <!--                                            </th>-->
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr data-index="0">
                                            <td>
                                                201/211_本所1#变压器
                                            </td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        <tr data-index="1">
                                            <td> 201/211_本所1#变压器</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>
                                            <td>5557</td>

                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="fixed-table-footer"></div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>

</div>
<th:block th:include="include :: footer"/>
</body>
</html>
